<!--
 * Copyright (c) 2017-2018 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
 * which is available at https://www.apache.org/licenses/LICENSE-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
-->

<div id="requirementDiv" *ngIf="requirementsExist">
    <winery-toscatype-table
        [toscaType]="'Requirements'"
        [currentNodeData]="currentNodeData"
        [toscaTypeData]="requirements"
        (showClickedReqOrCapModal)="toggleModal($event)">
    </winery-toscatype-table>
</div>

<div *ngIf="!requirementsExist" style="color: dimgray; text-align: center">
    <span>No requirements defined <br> at the NodeType.</span></div>

<div (click)="toggleModal($event);" class="btn btn-sm btn-modal" style="display: block;">
    Add new Requirement
</div>

